<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>东莞市升圆机电有限公司</title>
	<style>
		*{margin: 0;padding: 0;box-sizing: border-box;}
		body{margin: 0;padding: 0;}
		img{vertical-align: top;}
		.main.c img{max-width: 100%;}
		.main{max-width: 1000px;}
		.zz-wrap{background-color: #f3f3f3;}
		.news-wrap{background-color: #f4f4f4;}
		.c{text-align: center;margin-left: auto;margin-right: auto;}
		.header{background: transparent url(images/hd_bg.jpg) 50% 0 repeat-x;}
		.footer{background: transparent url(images/ft_bg.jpg) 50% 0 repeat-x;margin-top: 30px;}
		.banner{background: transparent url(images/banner.jpg) 50% 0 no-repeat;height: 450px;}
		@media (max-width: 576px) {
			.banner {
			    background-size: 100% auto;
			    height: 120px;
			}
			
		}
	</style>
</head>
<body>
	<div class="header">
		<div class="main c"><img src="images/hd1.jpg"></div>
	</div>
	<div class="banner"></div>
	<div class="main c"><img src="images/pro.jpg"></div>
	<div class="zz-wrap">
		<div class="main c"><img src="images/zz.jpg"></div>
	</div>
	<div class="main c"><img src="images/about.jpg"></div>
	<div class="news-wrap">
		<div class="main c"><img src="images/news.jpg"></div>
	</div>
	<div class="footer">
		<div class="main c"><img src="images/ft.jpg"></div>
	</div>
</body>
</html>